<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>layout页面</title>
		<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
		<script type="text/javascript" src="../js/easyui/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="../js/easyui/locale/easyui-lang-zh_CN.js"></script>
		<link rel="stylesheet" href="../js/easyui/themes/default/easyui.css" />
		<link rel="stylesheet" href="../js/easyui/themes/icon.css" />
		<script type="text/javascript">
			$(function() {
				//				$('#win').window({
				//					width: 600,
				//					height: 400,
				//					modal: true
				//				});
				
				$('#mb').menubutton({ iconCls: 'icon-edit', menu: '#mm' });
				
			});
		</script>
	</head>

	<body>
		<a href="javascript:void(0)" id="mb" class="easyui-menubutton" data-options="menu:'#mm',iconCls:'icon-edit'">Edit</a>

		<div id="mm" style="width:150px;">

			<div data-options="iconCls:'icon-undo'">Undo</div>

			<div data-options="iconCls:'icon-redo'">Redo</div>

			<div class="menu-sep"></div>

			<div>Cut</div>

			<div>Copy</div>

			<div>Paste</div>

			<div class="menu-sep"></div>

			<div data-options="iconCls:'icon-remove'">Delete</div>

			<div>Select All</div>

		</div>

		<hr />

		<a href="javascript:void(0)" id="mb">Edit</a>

		<div id="mm" style="width:150px">

			...

		</div>

	</body>

</html>